<template>
	<view class="container">
		<uni-grid :column="6">
			<navigator class="unigriditem" :url="'/pages/income/index?'">
				<uni-grid-item class="unigi">
					<view><image src="/static/income.png"  style="width: 80upx; height: 80upx;"></image></view>
					<view>来料质检</view>
				 </uni-grid-item>
			</navigator>
			<navigator class="unigriditem" :url="'/pages/incomep/index?'">
				<uni-grid-item class="unigi">
					<view><image src="/static/outcome.png"  style="width: 80upx; height: 80upx;"></image></view>
					<view>成品采购</view>
				 </uni-grid-item>
			</navigator>
			<navigator class="unigriditem" :url="'/pages/produce/index?'">
				<uni-grid-item class="unigi">
					<view><image src="/static/qcproduce.png"  style="width: 80upx; height: 80upx;"></image></view>
					<view>生产质检</view>
				 </uni-grid-item>
			</navigator>
			<navigator class="unigriditem" :url="'/pages/qcstock/index?'">
				<uni-grid-item class="unigi">
					<view><image src="/static/stock.png"  style="width: 80upx; height: 80upx;"></image></view>
					<view>库存质检</view>
				 </uni-grid-item>
			</navigator>
			<navigator class="unigriditem" open-type="redirect" :url="'/pages/index/index?'">
				<uni-grid-item class="unigi">
					<view><image src="/static/exit.png"  style="width: 80upx; height: 80upx;"></image></view>
					<view>退出登录</view>
				 </uni-grid-item>
			</navigator>
		</uni-grid>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				formData:{},
				rules: {
					// 对name字段进行必填验证
					name: {
						rules: [{
								required: true,
								errorMessage: '请输入姓名',
							},
							{
								minLength: 3,
								maxLength: 5,
								errorMessage: '姓名长度在 {minLength} 到 {maxLength} 个字符',
							}
						]
					},
					// 对password字段进行必填验证
					password: {
						rules: [{
							required: true,
							errorMessage: '请输入密码',
						}]
					}
				}
			}
		},
		methods: {
			formSubmit(){
				this.$refs.form.validate().then((res) =>{
					
				})
			}

		}
	}
</script>

<style>
	.container {
		width: 100wh;
		height: 100vh;
		padding: 20px;
		font-size: 20px;
		border-radius: 5upx;
		border-top-width: 2upx;
		border-style: solid;
		border-color: #55aaff;
		background-color: #3884fd;
	}
	.unigriditem{
	}
	.unigi{
		margin: 1upx;
		border-radius: 5upx;
		border-width: 2upx;
		border-style: solid;
		border-color: #d2f1ff;
		background-color: #d2f1ff;
		text-align: center;
	}
</style>
